@red: #ff3044;
@blue: #32a8ff;
@deepblue: #006ec0;
@green: #75bf26;
@orange: #f5b400;
@grey: #c5c5c5;
@border-color: #eaeaea;
@back-grey: #f4f4f4;

.wea-myBlog {
  .wea-left-container {
    .wea-lc-item {
      width: 100%;
    }
    .wea-lc-top {
      text-align: center;

      .wea-lct-image {
        margin: 10px 0 4px 0;
      }

      .wea-lct-desc {
        margin: 0 0 4px 0;
      }
      @media screen {
        @media (min-height: 870px) {
          .wea-lct-image {
            margin: 20px 0 16px 0;
          }

          .wea-lct-desc {
            margin: 0 0 20px 0;
          }
        }
      }
    }
    .wea-lc-middle {

    }
    .wea-lc-bottom {

    }
    .wea-basic-customer {
      .ant-tabs-bar {
        .ant-tabs-nav-container {
          line-height: 35px;
        }
      }
    }
  }
  .wea-right-container {
    background-color: @back-grey;
    border-left: 1px solid #eaeaea;
    .ant-tabs-bar {
      background-color: #fff;
      .ant-tabs-nav-container {
        line-height: 30px;
      }
    }
    .ant-tabs {
      .ant-tabs-bar {
        //margin: 0
      }
    }
    .wea-fans-top-search-panel {
      height: 45px;
      line-height: 45px;
      vertical-align: middle;
      border-bottom: 1px solid @border-color;
      background-color: #fff;
      .wea-ftsp-item {
        display: inline-block;
        margin: 0 16px;
      }
      .wea-ftsp-select {
        float: left;
        .wea-ftsps-icon {
          margin: 0 8px 0 16px;
          cursor: pointer
        }
      }
      .wea-ftsp-search {
        float: right;
      }
    }
    .wea-weibo-top-search-panel {
      height: 45px;
      line-height: 45px;
      vertical-align: middle;
      .wea-wtsp-item {
        display: inline-block;
        margin-right: 16px;
      }
    }
    .wea-fans-fan {
      position: relative;
      display: inline-block;
      width: 220px;
      height: 250px;
      border: 1px solid @border-color;
      margin: 8px;
      border-radius: 3px;
      vertical-align: bottom;
      background-color: #fff;
      &:hover {
        box-shadow: 0px 0px 5px 0px @blue;
      }
      .wea-ff-top {
        position: absolute;
        width: 100%;
        .wea-fft-icon {
          float: left;
          margin: 8px;
          font-size: 14px;
        }
        .wea-fft-check {
          margin: 8px;
          float: right;
        }
      }
      .wea-ff-content {
        .wea-ffc-item {
          text-align: center;
        }
        .wea-ffc-icon {
          margin: 36px 0 13px 0;
        }
        .wea-ffc-name {
          text-align: center;
          margin: 0 0 8px 0;
          font-size: 14px;
          color: #484848;
        }
        .wea-ffc-department {
          margin: 0 0 13px 0;
          //color: @grey;
        }
        .wea-ffc-operation {
          display: none;
          position: absolute;
          right: -1px;
          bottom: -1px;
          border: 1px solid @border-color;
          padding: 5px 8px;
          cursor: pointer;
          &:hover {
            color: @blue;
            box-shadow: -1px -1px 5px 0px @blue;
          }
          .wea-ffco-icon {
            font-size: 16px;
            vertical-align: middle;
          }
          .wea-ffco-text {
            vertical-align: middle;
          }
        }
        .wea-ffc-group {
          .wea-ffcg-container {
            border: 1px solid #fff;
            margin: 0 auto;
            padding: 4px 8px;
            border-radius: 4px;
            width: 177px;
            color: @deepblue;
            cursor: pointer;
            .wea-ffcgc-text {
              display: inline-block;
              vertical-align: bottom;
              max-width: 140px;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
            }
            .wea-ffcgc-icon {
              color: #9b9b9b;
            }
            &:hover {
              border: 1px solid @border-color;
              /*box-shadow:1px 1px 5px 1px #c5c5c5;*/
            }
          }
        }
        .wea-ffc-operation-disabled {
          cursor: default;
          &:hover {
            color: #000;
            box-shadow: none;
          }
        }
      }
      &:hover .wea-ff-content .wea-ffc-operation {
        display: inline-block;
      }
    }
    .tip {
      color: red;
      margin-left: 5px;
    }
  }
  .align-center {
    text-align: center;
  }
  .pt20 {
    padding-top: 20px;
  }
  .pt10 {
    padding-top: 10px;
  }
  .wea-blog-spin-con {
    padding-right: 20px;
  }
  
}

.wea-myBlog .wea-tree-search-layout  {
  height: auto;
  .wea-tree-search-layout-show-left{
    display: none;
  }
  .wea-left{
    border-right: none;
    width: 306px;
    position: absolute;
    z-index: 2;
  }
  .wea-right{
    padding-left: 306px;
    width: 100%;
    z-index: 1;
    height: auto;
  }
}

.wea-myBlog .wea-new-top-wapper .wea-new-top-content .wea-scroll-pagination .wea-sp-content{
  padding: 0 0 8px 0;
}
.wea-blog-bianqian {
  .wea-rich-text .wea-rich-text-toolbar-bottom {
    border: none;
  }
}